<script setup lang="ts">
// 1. 导入 defineStore 返回的那个对象
import { useCounterStore } from '@/stores/counter'

const store = useCounterStore()

import { useJokerStore } from '@/stores/joker'
const jokerStore = useJokerStore()
</script>

<template>
  <h2>我的页面</h2>
  <h3>pinia 中的数据{{ store.count }}</h3>
  <h3>pinia 中的双倍数据{{ store.doubleCount }}</h3>
  <button @click="store.increment()">点击累加</button>

    <h1>笑话</h1>
  <p>{{ jokerStore.joke }}</p>
  <button @click="jokerStore.refreshJoke()">刷新笑话</button>
</template>

<style scoped></style>